<template>
	<view>
		<!-- 顶部导航 -->
<!-- 		<u-navbar :background="background">
			<view class="ft_16 fw-b">系统通知</view>
		</u-navbar> -->
		<view style="text-align: center;">全网公排数：{{all_num}}</view>
		<view class="content">
			<view class="display con_1" v-for="(item,index) in newList" :key="index">
				<view class="">
					<image src="../../static/newMessage.png"></image>
				</view>
				<view class="p_left_10" style="width: 100%;">
					<view class="display just_space">
						<view class="ft_16 fw-b">
							公排id：{{item.gg_id}}
						</view>
					</view>
					<view class="p_top_10 c-666">
						额度：{{item.pai_money}},已释放：{{item.f_money}}
					</view>
				</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{backgroundColor: '#ffffff',}, //导航栏背景
				newList:[{
					title:'12312',
					createtime:'2021.12.23',
					content:'787878'
				}],
				all_num:0
				
			}
		},
		onLoad(){
			this.getsystemNew() //获取系统消息
		},
		methods: {
			getsystemNew(){ //获取系统消息
				this.$myRequest({
					url: 'api/user/my_pai',
					method:'POST',
				}).then(res => {
					console.log(res.data);
					if(res.data.code==1){
						this.newList=res.data.data.list
						this.all_num=res.data.data.pai_num;
					}
				})
			},
		}
	}
</script>

<style lang="scss">
page{
	background-color: #fafafa;
}
.content{
	padding-top: 5px;
	.con_1{
		padding: 15px;margin-bottom: 5px;background-color: #FFFFFF;align-items: flex-start;
		image{
			width: 30px;height: 30px;border-radius: 5px;
		}
	}
}
.p_top_10{
	padding-top: 10px;
}
.c-666{
	color: #666;
}
.c-999{
	color: #999;
}
.ft_10{
	font-size: 10px;
}
.just_space{
	justify-content: space-between;
}
.fw-b{
	font-size: bold;
}
.p_left_10{
	padding-left: 10px;
}
</style>
